import React, { Component } from 'react'
import Container from '../components/Base/Container';
import styles from './VipInvite.less'
import QRCoder from '../components/Base/QRCode'

 class VipInvite extends Component {
    render() {
        const {shopId} = this.props.location.query
        return (
            <div className={styles.inviteIndex}>
                <Container title="邀请注册">
                    <div className={styles.inviteWrap}>
                        <div className={styles.header}>邀请好友领豪礼</div>
                        <div className={styles.body}>
                            <div className={styles.bodyQrcode}>
                                {/* <img src={require('../assets/new/invite_qrcode.png')} alt='二维码' /> */}
                                <QRCoder value={`http://wx.hy-bang.com/#/third_vipCard?shopId=${shopId}`}></QRCoder>
                            </div>
                            <div className={styles.bodyInvite}>邀请您加入VIP会员</div>
                        </div>
                        <div className={styles.footer}>
                            <div className={styles.sendOthter}>长按转发二维码邀请好友注册</div>
                            <div className={styles.invite}>
                                <span></span>
                                <span>邀请注册有礼</span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </Container>
            </div>
        )
    }
}
export default VipInvite